安装vuecli时出现错误解决 |
您所在的位置:网站首页 › vue 下载文件无法打开 › 安装vuecli时出现错误解决 |
安装vuecli时出现错误解决
如果你是安装vuecli时遇到了问题,那你肯定安装vuecli之前首先得下载安装好nodejs并且配置好环境,怎样安装配置nodejs就不说了,网上教程很多。 这两天遇到问题看了很多博客,vuecli安装失败有很多,我也只能说几个我看到的能解决的。 问题一 可能是nodejs没安装好导致npm无法正常使用解决方法: 打开控制台,输入以下命令: 1.输入下面两条命令,如果出现了版本号说明nodejs安装成功。 C:\Users\Myq>node -v v16.6.0 C:\Users\Myq>npm -v 7.20.32.安装成功还不一定行,还得检查一下你的模块安装路径和缓存路径有没有配置好(nodejs安装教程肯定建议大家修改模块安装路径node_global和缓存路径node_cache到nodejs安装目录下了)。打开控制台输入下面的命令,如果和你配置的一样那就没问题了,如果发现不是那就再按照别人的教程重新配置好环境变量等,附上别人的nodejs教程吧。 https://blog.csdn.net/qq_40593308/article/details/110559838 如果还是帮不到你,那我 C:\Users\Myq>npm config get prefix D:\nodejs\node_global C:\Users\Myq>npm config get cache D:\nodejs\node_cache你想知道自己nodejs是否配置成功的话可以打开cmd,输入命令npm install express -g,然后打开你的node_global文件夹和node_cache文件,发现上面多了相应的内容就说明你安装成功了。这时候就可以去尝试打开cmd使用npm install -g @vue/cli,当然速度很慢的话你可以先提前更改npm的镜像成淘宝镜像,即输入下面命令 C:\Users\Myq>npm config set registry https://registry.npm.taobao.org然后使用npm config get registry看是否更改成功 C:\Users\Myq>npm config get registry https://registry.npm.taobao.org/这就是问题一,其实就是和你说问题可能是nodejs没下载好或者环境变量没有配置好。 问题二 可能是缓存问题如果上面都没问题那就有可能是缓存问题了,可以尝试一下一些命令 我优先推荐这个命令 npm install -g @vue/cli --force,它是强行用最新版本覆盖你之前的旧版本。 如果你想用另外的方法解决也可以,可以试试在cmd用npm cache --force清理缓存,而我当时的方法 是直接跑去nodejs目录的node_global和node_cache文件将里面的东西全部删掉,让他们变成空文件夹,当然前提是你第一次下载nodejs,里面并没有你之前下载的其他模块依赖包 清理了缓存之后再运行 npm install -g @vue/cli就行了 问题三 可能是镜像问题我就是遇到这个问题,很奇怪的,我的node和npm都没有问题,使用命令npm install -g vue安装vue也没有问题,于是我尝试把vscode删了重装(虽然我觉得问题可能没有出现在vscode这里),然后安装好vscode之后我试了一下npm install -g vue-cli发现安装依赖包成功了!!但是这个方法安装的是旧的版本2.x,然后我使用vue create vue_test来创建脚手架时它提醒我下载新的版本至少要cli3以上吧,于是我就使用npm uninstall -g vue-cli删除旧版本,当然你也可以在nodejs目录的node_global/node_modules下找到vue-cli文件删掉然后按照上面清除一下缓存。 弄完后再使用npm install -g @vue/cli尝试下载新版本,或许就可以了。但是神奇的是,当时我还是下载失败了!npm可以下载旧版本的vuecli和其他一些依赖包,却下载不了新版本的vuecli??于是我就找到了另外一个方法,那就是用cnpm下载vuecli。方法如下: 先安装cnpm C:\WINDOWS\system32>npm install -g cnpm --registry=https: //registry.npm.taobao.org然后输入cnpm -v查看是否下载成功,出现了下面一些版本就说明下载成功了 C:\WINDOWS\system32>cnpm -v [email protected] (D:\nodejs\node_global\node_modules\cnpm\lib\parse_argv.js) [email protected] (D:\nodejs\node_global\node_modules\cnpm\node_modules\npm\lib\npm.js) [email protected] (D:\nodejs\node.exe) [email protected] (D:\nodejs\node_global\node_modules\cnpm\node_modules\npminstall\lib\index.js) prefix=D:\nodejs\node_global win32 x64 10.0.19042 registry=https://registry.nlark.com使用命令cnpm --version可以看到淘宝镜像是否删除,若显示cnpm不是内部命令,就说明需要重新安装,就需要再次输入npm install -g cnpm --registry=https: //registry.npm.taobao.org 安装好cnpm之后再输入cnpm install -g @vue/cli下载vuecli,并且在下载好后可以输入 vue --version 检查当前的版本号,像下图就没问题了 还有一个重点!!!我下载依赖包都是在管理员身份下使用cmd的哦!!!!! 附上我参考的几个大佬的链接: https://blog.csdn.net/weixin_41562661/article/details/82774260 https://www.cnblogs.com/ChineseLiao/p/13253989.html https://blog.csdn.net/zhang19903848257/article/details/104162662 如果还是帮不到你,那你加油!!找多几篇别人的博客或者在csdn上找一下!!相信它一定能够解决的!!别放弃,加油!!! |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |